<div ng-include="'tpl/access/sign_header.html'"></div>
<div class="bg-white panel-body" ng-controller="registerBusinessCtrl">
    <div class="container pos-rlt">
        <!-- 进度条头部 -->
        <div class="text-center m-b-sm">
            <div class="inline">
                <div class="app-process-container app-process-active">
                    <div class="app-process-text">1:店铺基本信息</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container app-process-active">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">2:创建类型商户</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container app-process-active">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">3:完善营业资质</div>
                    <div class="app-process-next-tri"></div>
                </div>
                <div class="app-process-container">
                    <div class="app-process-prev-tri"></div>
                    <div class="app-process-text">4:选择套餐</div>
                    <div class="app-process-next-tri"></div>
                </div>
            </div>
        </div>


        <div class="panel-body">
            <form name="shopInfoForm" ng-submit="updateShopBusiness()">
                <div class="text-center panel-body pos-rlt">
                    <div class="panel-body ">
                        <div>
                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">证件类型</label>
                                <div class="col-sm-4">
                                    <select class="form-control m-b-xs" name="identityType" ng-model="shopInfo.identityType" required>
                                        <option value="">请选择证件身份</option>
                                        <option value="0">身份证</option>
                                        <option value="1">港澳居民来往内地居住证</option>
                                        <option value="2">台胞证</option>
                                        <option value="3">护照</option>
                                    </select>
                                    <div ng-if="shopInfoForm.identityType.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h m-t-sm" ng-if="shopInfoForm.identityType.$error.required">证件类型是必需的</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">真实姓名</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.identityName" placeholder="请输入真实姓名" name="identityName" maxlength="15" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.identityName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">证件号码</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.identityCode" name="identityCode" placeholder="请输入证件号码" maxlength="18" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <div id="js-imgview-mask" class="imgview-mask" style="display: none;" ng-click="closePic()">//黑盒子
                                </div>
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">证件照片</label>
                                <div class="col-md-8">
                                    <div class="table-responsive m-b-xs">
                                        <table class="b-a m-n">
                                            <tr>
                                                <td>
                                                    <div>
                                                        <uploadpic queue-limit="{{frontLimit}}" path="{{path}}" images="frontImages" app="app" queue="frontImgQueue" del-func="delFrontImage"></uploadpic>
                                                    </div>
                                                </td>
                                                <td class="h6 text-center">
                                                    <div class="panel-body">
                                                        <div class="panel-body no-padder m-b-sm text-left text-muted">
                                                            <label class="m-b-n">正面照-照片要求<i class="m-l-xs fa fa-question-circle" popover-placement="right" popover="证件照片上的文字需要能够清晰辨认(支持JPG、JPEG、PNG格式，大小不超过1M)" popover-trigger="mouseenter"></i></label>
                                                        </div>
                                                        <div class="pos-rlt">
                                                            <img src="img/idcard_front.png" class="inline w-sm" ng-if="shopInfo.identityType==0" ng-click="changePic($event)"/>
                                                            <img src="img/ex-gangao_front.png" class="inline w-sm" ng-if="shopInfo.identityType==1"/>
                                                            <img src="img/ex-taiwan_front.png" class="inline w-sm" ng-if="shopInfo.identityType==2"/>
                                                            <img src="img/ex-passport.png" class="inline w-sm" ng-if="shopInfo.identityType==3"/>
                                                            <div class="pos-type">
                                                                <span class="inline">示例</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr ng-show="shopInfo.identityType==0">
                                                <td>
                                                    <div>
                                                        <uploadpic queue-limit="{{backLimit}}" path="{{path}}" images="backImages" app="app" queue="backQueue" del-func="delBackImage"></uploadpic>
                                                    </div>
                                                </td>
                                                <td class="h6 text-center">
                                                    <div class="panel-body">
                                                        <div class="panel-body no-padder m-b-sm text-left text-muted">
                                                            <label class="m-b-n">反面照-照片要求<i class="m-l-xs fa fa-question-circle" popover-placement="right" popover="证件照片上的文字需要能够清晰辨认(支持JPG、JPEG、PNG格式，大小不超过1M)" popover-trigger="mouseenter"></i></label>
                                                        </div>
                                                        <div class="pos-rlt">
                                                            <img src="img/idcard_back.png" class="inline w-sm"/>
                                                            <div class="pos-type">
                                                                <span class="inline">示例</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div>
                                                        <uploadpic queue-limit="{{userLimit}}" path="{{path}}" images="userImages" app="app" queue="userQueue" del-func="delUserImage"></uploadpic>
                                                    </div>
                                                </td>
                                                <td class="h6 text-center">
                                                    <div class="panel-body">
                                                        <div class="panel-body no-padder m-b-sm text-left text-muted">
                                                            <label class="m-b-n">手持正面照-图片要求<i class="m-l-xs fa fa-question-circle" popover-placement="right" popover="证件照片上的文字需要能够清晰辨认(支持JPG、JPEG、PNG格式，大小不超过1M)" popover-trigger="mouseenter"></i></label>
                                                        </div>
                                                        <div class="pos-rlt">
                                                            <img src="img/idcard_user.png" class="inline w-sm"/>
                                                            <div class="pos-type">
                                                                <span class="inline">示例</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="text-left">
                                        <span class="inline text-muted h6">图片信息清保证清晰并且有效!</span>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div>
                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">主体资质</label>
                                <div class="col-sm-4">
                                    <select class="form-control m-b-xs" ng-model="shopInfo.subjectType" name="subjectType" required>
                                        <option value="">请选择主体的营业资质</option>
                                        <option value="0">营业执照</option>
                                        <option value="1">灵活就业（营业）辅导证/意见</option>
                                        <option value="2">事业单位法人证书</option>
                                        <option value="3">民办非企业单位登记证书</option>
                                        <option value="4">社会团体法人登记证书</option>
                                    </select>
                                    <div ng-if="shopInfo.industry.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.subjectType.$error.required">请选择分类</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">单位名称</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.unitName" name="unitName" placeholder="请输入单位名称" maxlength="15" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">法人代表</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.legalPerson" name="legalPerson" placeholder="请输入法定代表人" maxlength="15" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">注册号</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.registrationMark" name="registrationMark" placeholder="请输入注册号" maxlength="35" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">注册地址</label>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control m-b-xs" ng-model="shopInfo.registrationAddress" name="registrationAddress" placeholder="请输入注册地址" maxlength="50" required>
                                    <div ng-if="shopInfo.shopName.$touched">
                                        <label class="pull-left text-left text-danger h6 l-h"  ng-if="shopInfo.shopName.$error.required">请填写店铺名称</label>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group panel-body no-padder">
                                <label class="col-sm-4 control-label text-right h5 m-t-sm">主体资质</label>
                                <div class="col-md-8">
                                    <div class="table-responsive">
                                        <table class="b-a m-n">
                                            <tr>
                                                <td>
                                                    <div>
                                                        <uploadpic queue-limit="{{subjectLimit}}" path="{{path}}" images="subjectImages" app="app" queue="subjectQueue" del-func="delSubjectImage"></uploadpic>
                                                    </div>
                                                </td>
                                                <td class="h6 text-center">
                                                    <div class="panel-body">
                                                        <div class="panel-body no-padder m-b-sm text-left text-muted">
                                                            <label class="m-b-n">营业执照-图片要求<i class="m-l-xs fa fa-question-circle" popover-placement="right" popover="证件照片上的文字需要能够清晰辨认(支持JPG、JPEG、PNG格式，大小不超过1M)" popover-trigger="mouseenter"></i></label>
                                                        </div>
                                                        <div class="pos-rlt">
                                                            <img src="img/buisiness-license.png" class="inline w-sm"/>
                                                            <div class="pos-type">
                                                                <span class="inline">示例</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>

                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="re-bar-info">
                        <div class="re-bar-item">
                            <div class="bar-top-o-dot"></div>
                            <div class="title-link">
                                <div class="title-link-box"></div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-o-dot"></div>
                            <div class="bar-o-btn">
                                <div class="bar-o-btn-bar"></div>
                                <div class="bar-o-btn-tri"></div>
                            </div>
                            <div class="title-link">
                                <div class="title-link-box">
                                    <span class="block m-b-xs">1.营业者身份信息</span>
                                    <ul class="block m-n m-l-xs no-padder">
                                        <li class="block text-muted h6 m-b-xs">1:基本信息</li>
                                        <li class="block text-muted h6 m-b-xs">2:身份图片信息</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-o-dot"></div>
                            <div class="bar-o-btn">
                                <div class="bar-o-btn-bar"></div>
                                <div class="bar-o-btn-tri"></div>
                            </div>
                            <div class="title-link">
                                <div class="title-link-box">
                                    <span class="block m-b-xs">2.营业执照信息</span>
                                    <ul class="block m-n m-l-xs no-padder">
                                        <li class="block text-muted h6 m-b-xs">1:基本信息</li>
                                        <li class="block text-muted h6 m-b-xs">2:营业执照照片</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="re-bar-item">
                            <div class="bar-bm-o-dot"></div>
                        </div>
                    </div>
                </div>
                <div class="text-center ">
                    <div class="inline">
                        <button type="submit" class="btn btn-success" ng-disabled="shopInfoForm.$invalid">下一步</button>
                    </div>
                </div>
            </form>


        </div>

    </div>
</div>
<div ng-include="'tpl/access/sign_footer.html'"></div>






